/*CSS BY HUAU STUDIO   http://huau-dev.cn   mail@huau-dev.cn*/
*{
	
}
a{
	text-decoration:none;
}
body{
	width:1024px;
	background-image: url(../img/bg.jpg);
	margin:auto;
	margin-top:0px;
	font-family:Microsoft Yahei;
	background-repeat:round;
	background-attachment:fixed;
}
header{
	width:1024px;
	height:60px;
	background:rgba(81,62,62,0.6);
/*	margin-bottom:10px;     */
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	position:fixed;    
	z-index:1000;
}
header>a{
	font-size:50px;
	float:left;
	color:#EED8AE;
	margin-left:15px;
	line-height:55px;
	text-shadow:10px 8px 15px rgba(111,0,0,0.7);
}
/*当鼠标指针移到次标签上时标签会产生hover效果*/
header>a:hover,a:active{
	color:#EE7AE9;
}
nav{
	float:right;
	margin-right:40px;
	line-height:25px;
}
header nav ul li{
	list-style:none;
	float:left;
	width:70px;
}
header nav ul li a{
	font-size:25px;
	color:#EED2EE;
	text-shadow:3px 3px 3px rgba(0,0,0,.5);
}
header nav ul li a:hover,a:active{
	font-size:150%;
	color:#FF3030;
}
#content{
	width:100%;
/*	height:1500px;  */
/*	background:#ABCDEF;  */
	margin-bottom:10px;
}
#content>#top-gh{
	width:100%;
	height:70px;
}
#content #lunbo{
	width:100%;
	height:550px;
	background-image:url(../img/one.jpg);
	background:rgba(0,0,0,0.5);
	border-radius:20px;
}
#content #text{
	width:100%;
	height:100px;
	background-image:url(../img/stop.jpg);
	background-repeat:repeat-x;
	background-size:cover;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	font-size:30px;
	text-align:center;
	line-height:100px;
	color:#DB7093;
} 
#content #about{
	width:100%;
	height:450px;
	background-image:url(../img/about.jpg);
/*	background:blue;  */
} 
#content #about video{
	width:45%;
	height:100%;
	float:left;
	margin-left:10px;
}
#content #about .about{
	width:50%;
	height:100%;
/*	background:red;   */
	float:left;
	text-align:center;
	font-size:22px;
	margin-left:20px;
	color:#EED2EE;
	text-shadow:2px 2px 2px rgba(0,0,0,.3);
}
#content #gh{
	width:100%;
	height:20px;
/*	background-image:url(../img/stop.jpg);
	background-repeat:repeat-x;
	border-radius:20px;   */
}
#content #download{
	width:100%;
	height:300px;
/*	background:red;   */
} 
#content #download .dw-text{
	width:100%;
	height:30%;
/*	background:blue;    */
}
#content #download .dw-text .khd{
	width:50%;
	height:100%;
	background-image:url(../img/dw_background2.jpg);
	float:left;
	font-size:35px;
	text-align:center;
	line-height:90px;
	color:white;
	text-shadow:2px 2px 2px rgba(0,0,0,.3);
}
#content #download .dw-text .java{
	width:50%;
	height:100%;
	background-image:url(../img/dw_background.jpg);
	float:left;
	font-size:35px;
	text-align:center;
	line-height:90px;
	color:white;
	text-shadow:2px 2px 2px rgba(0,0,0,.3);
}
#content #download .anniu{
	width:100%;
	height:70%;
/*	background:green;  */
}
#content #download .anniu .khd{
	width:50%;
	height:100%;
	background-image:url(../img/dw_background.jpg);
	float:left;
}
#content #download .anniu .khd .hover{

	width:25%;
	height:25%;
	border-radius:15px;
	background:#EE5C42;
	float:left;
	margin:20px;
	margin-top:75px;
	text-align:center;
	line-height:50px;
	font-size:22px;

}
#content #download .anniu .khd .hover a{
	color:white;
}
#content #download .anniu .java .hover a{
	color:white;
}
#content #download .anniu .khd .hover:hover,.hover:active{
	font-size:150%;
	color:red;
}
#content #download .anniu .java{
	width:50%;
	height:100%;
	background-image:url(../img/dw_background2.jpg);
	float:left;
}
#content #download .anniu .java .hover:hover,.hover:active{
	font-size:150%;
}
#content #download .anniu .java .hover{
	width:25%;
	height:25%;
	border-radius:15px;
	background:#EE5C42;
	float:left;
	margin:20px;
	margin-top:75px;
	text-align:center;
	line-height:50px;
	font-size:22px;
}
#content #text2{
	width:100%;
	height:100px;
	background-image:url(../img/stop.jpg);
	background-repeat:repeat-x;
	background-size:cover;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	font-size:30px;
	text-align:center;
	line-height:100px;
	color:#DB7093;
} 
footer{
	width:100%;
	height:300px;
    background-image:url(../img/about.jpg);
	margin-bottom:10px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	text-align:center;
}
footer ul li{
	list-style:none;
	width:90px;
	line-height:35px;
	margin:auto;
}
footer ul li a{
	color:#CDC673;
	font-size:22px;
}
footer p{
	color:#CD96CD;
	font-size:15px;
	margin-top:25px;
}
footer #link{
	width:100%;
	height:85%;
/*	background:#f0f0f0;   */
}
footer #link a:hover{
	color:#EE5C42;
}
footer #link .link1{
	width:30%;
	height:100%;
	float:left;
}
footer #link .link2{
	width:30%;
	height:100%;
	float:left;
}
footer #link .link_img{
	width:40%;
	height:100%;
	float:left;
}
footer #link .link_img img{
	border:1px solid black;
}
footer #copy{
	width:100%;
	height:15%;
	background-image:url(../img/dw_background.jpg);
	font-size:15px;
	text-align:center;
	line-height:50px;
	color:#CDC1C5;
}

/*zanzhu.html CSS*/
#content2{
	width:100%;
	height:1000px;
	background:rgba(123,123,123,0.8);
	border-radius:20px;
	margin-bottom:10px;
	text-align:center;
	margin-top:-30px;
}
#top-gh{
	width:100%;
	height:70px;
}
#content2 .zhuyi>p{
	line-height:9px;
}
#content2 h2{
	font-size:40px;
	color:#CDC9A5;
	line-height:70px;
}
#content2 .zanzhu{
	width:85%;
	height:700px;
	border:1px dotted black;
	border-radius:5px;
	margin:auto;
	color:#D1EEEE;
	font-size:20px;
	text-align:left;
	
}
#content2 .zhuyi{
	width:90%;
	height:150px;
	border:2px solid red;
	border-radius:5px;
	margin:auto;
	color:#C1FFC1;
	font-size:18px;
	text-align:left;
}